/* CSS Document */

body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
color:#F40002;
text-decoration:underline;
}

img {
border:0}

div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#top_area{
margin:auto; width:100%; padding:0px; 
}

.star_banner{
height:20px;
width:100%;
background-color:#000;
text-align:center;
float:left;
}

#title_area{
width:950px;
margin:auto;

}

.logo_box{
float:left;
width:510px;
height:90px;
}

.serch_box{
float:left;
width:440px;
height:90px;
text-align:right;
}

.serch_box_input{
position:relative;
top:60px;
height:20px;
height:20px\0; /*ie8*/
color:#666;
width:200px;
line-height:20px;
}

.serch_button{
position:relative;
top:65px;
top:67px\0;/*ie8*/
height:20px;
width:20px;
}

#nav_box{
width:950px;
margin:auto;
height:30px;
margin-top:10px;
border-bottom:1px #000 solid;
}

.nav_area_button{
float:left;
width:65px;
height:25px;
margin-right:10px;
}

.nav_area_profile{
float:right;
width:300px;
text-align:right;
position:relative;
top:10px;
}

.nav_area_profile a{
color:#000;
text-decoration:none;
}

.nav_area_profile a:hover{
color:#F40002;
text-decoration:underline;
}

/*-------------------------------------------------------mid*/

#mid_area{

width:950px;
overflow:hidden;
margin:auto;
margin-top:10px;
}

/*-------------------------------------------------------mid_left*/

#left_area{
width:660px;
float:left;
overflow:hidden;
}

.left_focus{
float:left;
width:660px;
height:330px;
background-color:#666;
}

.left_content{
float:left;
width:660px;
overflow:hidden;
}

.content_leftnright{
overflow:hidden;
float:left;
width:375px;
margin-right:15px;
}

.content_head_tit{
float:left;
font-size:14px;
font-weight:bold;
width:375px;
line-height:20px;
border-bottom:1px #999999 dashed;
}

.content_head_tit a{
color:#000000;
text-decoration:none;
}

.content_head_tit a:hover{
color:#F40002;
text-decoration:underline;
}

.content_head_intro{
float:left;
width:375px;
overflow_x:hidden;
line-height:15px;
word-break:break-all;
color:#666666;
margin-bottom:15px;
}

.content_box{
float:left;
width:375px;
height:100px;
overflow:hidden;
margin-top:10px;
}

.content_box_tit{
float:left;
width:220px;
margin-left:5px;
height:32px;
line-height:16px;
overflow:hidden;
font-size:12px;
font-weight:bold;
border-bottom:1px #666 dashed;
word-break:break-all;
}

.content_box_intro{
float:left;
width:220px;
margin-left:5px;
height:60px;
line-height:15px;
word-break:break-all;
color:#666666;
}

.content_leftnright_user{
overflow:hidden;
float:left;
width:270px;
}
/*-------------------------------------------------------mid_right*/
#right_area{
width:275px;
float:left;
margin-left:15px;
overflow:hidden;
}

.right_hottopic{
width:275px;
background-color:#e6e6e6;
height:130px;
float:left;
margin-top:10px;
}

.hottopic_left{
margin:10px 5px 10px 10px;
width:135px;
height:100px;
float:left;
}

.right_ballot{
width:275px;
background-color:#e6e6e6;
height:164px;
float:left;
margin-top:2px;
}

.ballot_select{
margin:10px;
width:255px;
float:left;
}

.right_sina{
width:275px;
float:left;
margin-top:10px;
}

.right_linecut{
height:15px;
overflow:hidden;
width:275px;
float:left;
margin-top:10px;
}

.right_iconlist{
margin-top:10px;
float:left;
width:275px;
}

.right_icon{
width:66px;
height:66px;
margin:2px 2px 0px 0px;
float:left;
}

/*-----------------------------------------------------------footer*/

#footer{
width:950px;
margin:auto;
margin-top:10px;
border-bottom:1px #666 dashed;
padding-bottom:2px;
}

#map{
width:950px;
margin:auto;
margin-top:2px;

}

.map_list{
height:20px;
line-height:20px;
float:left;
}

.copy_right{
height:20px;
line-height:20px;
float:right;
}

/*news.html------------------------------------------------------------nav*/
.nav2_box_news{
float:left;
margin:5px 10px 0px 0px;
}

.left_focus_news{
float:left;
width:660px;
height:330px;
background-color:#666;
}

.left_content_news{
float:left;
width:660px;
overflow:hidden;
}

.content_box_news{
float:left;
width:660px;
height:100px;
overflow:hidden;
margin-top:10px;
}

.content_box_tit_news{
float:left;
width:505px;
margin-left:5px;
height:20px;
line-height:16px;
overflow:hidden;
font-size:12px;
font-weight:bold;
border-bottom:1px #666 dashed;
word-break:break-all;
}

.content_box_intro_news{
float:left;
width:505px;
margin-left:5px;
height:75px;
line-height:15px;
word-break:break-all;
color:#666666;
}

.right_hottitle{
margin-top:10px;
float:left;
width:275px;
}

.right_hottitle_left{
width:80px;
height:35px;
float:left;
margin:3px 3px 0px 0px;
background-color:#e5e5e5;
line-height:35px;
text-align:center;
font-weight:bold;
}

.right_hottitle_right{
width:192px;
height:35px;
float:left;
background-color:#e5e5e5;
line-height:16px;
margin-top:3px;
}

.page_news{
clear:both;
width:100%;
float:left;
margin:10px 0 10px 0;
text-align:right;
}

.page_news span{
color:#333; text-decoration:none;
background-color:#a8cc00;
padding:0 5px 0 5px;
height:20px;
border:1px solid #ccc;
font-weight:bold;
}

.page_news a{
color:#666666; text-decoration:none;
padding:0 5px 0 5px;
height:20px;
background-color:#dadada;
border:1px solid #ccc;
}

.page_news a:hover{
color:#333; text-decoration:underline;
background-color:#f40002;
}